<template>
  <div class="peoinfo">
    <img :src="imgUrl" alt="" @click="closeInfo">
  </div>
</template>

<script>
export default {
  props: {
    imgUrl: {
      type: String,
      default: require('assets/img/sy/nc-info.png')
    }
  },

  mounted() {},

  methods: {
    closeInfo() {
      this.$emit('closeImg');
    }
  },
};
</script>

<style lang="scss" scoped>
.peoinfo {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1234;
  transform: translate(-50%, -50%);
}
</style>